<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <link rel="stylesheet" href="../../css/backstage.css" type="text/css"/>
    <title></title>
</head>

<body>
<header th:fragment="header">
    <div class="top">
        <ul>
            <li id="bigTitle"><a href="/catalog/AdminViewMain"><i class="fa fa-home fa-lg"></i>&nbspJPetStore 后台管理</a></li>
            <li>&nbsp&nbsp</li>

            <li class="dropdown">
                <a class="Button" href="/catalog/AdminViewItem"><i class="fa fa-shopping-bag"></i>&nbsp商品管理</a>
                <ul class="dropdown-content">
                    <li><a href="/catalog/AdminViewItem">商品总览</a></li>
                    <li><a href="/catalog/addProduct">新增产品</a></li>
                    <li><a href="/catalog/addItem">新增宠物</a></li>
                </ul>
            </li>

            <li class="dropdown">
                <a class="Button" href="/account/AdminViewAccount"><i class="fa fa-address-book-o"></i>&nbsp用户管理</a>
                <ul class="dropdown-content">
                    <li><a href="/account/AdminViewAccount">用户信息</a></li>
                </ul>
            </li>

            <li class="dropdown">
                <a class="Button" href="/order/adminViewOrder"><i class="fa fa-shopping-cart"></i>&nbsp订单管理</a>
                <ul class="dropdown-content">
                    <li><a href="/order/adminViewOrder">订单一览</a></li>
                </ul>
            </li>
            <li class="dropdown">
                <a class="Button" href="/catalog/main">&nbsp回到用户界面</a>
            </li>

            <li>&nbsp&nbsp</li>
            <li style="padding-top:70%">
                <a href="/About"><i class="fa fa-question-circle fa-lg"></i>&nbsp关于</a>
            </li>

        </ul>
    </div>
</header>
</body>
</html>